forum

home / developersection / forums / data loading text on button

Data loading text on button

Manish Kumar 1673 27-Nov-2017

<body>

    <button type="submit" onclick="MyCustomFunction()" id="submit" class="btn btn-primary btn-lg mt-2" data-loading-text="Sending...">Submit message!</button>

</body>

I'm trying to add data-loading-text to my submit button, but it is not working ..

jquery html bootstrap mvc

Updated on 28-Nov-2017

Manish Kumar

Other

Message

Can you answer this question?

Answer

1 Answers

Sunil Singh

28-Nov-2017

Hi Manish..

You can try this...

<head>

    <style></style>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

    <script>

        function MyCustomFunction(){

            $("#submit").text("Loading...");

            $(this).submit('loading').delay(1000).queue(function () {

                // $(this).button('reset');

            });

        }

    </script>

</head>

<body>

    <button type="submit" onclick="MyCustomFunction()" id="submit" class="btn btn-primary btn-lg mt-2" data-loading-text="Sending...">Submit message!</button>

</body>

</html>

forum

Data loading text on button

Manish Kumar

Can you answer this question?

1 Answers

Liked By